<%--
  ~ Copyright (c) 2016. 恒昌互联网运营中心.
  --%>

<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" cotent="">
    <meta name="author" content="">
    <title>恒昌-鹰眼监控平台</title>
    <!-- 引入jQuery -->
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/common/jquery-1.8.3.js" charset="utf-8"></script>
    <!-- 引入bootstrap-3.3.5 -->
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/css/dashboard.css">
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/js/bootstrap.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/plugin/confirm.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/plugin/extendPagination.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/js/ie10-viewport-bug-workaround.js"
            charset="utf-8"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/js/bootstrap-datetimepicker.min.js"
            charset="utf-8"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/js/bootstrap-datetimepicker.zh-CN.js"
            charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/thirdparty/bootstrap-3.3.5/css/bootstrap-datetimepicker.min.css">
    <!-- 公共js -->
    <c:set var="ctx" value="${pageContext.request.contextPath}"/>
    <script type="text/javascript">
        var ctx = "${ctx}";
    </script>

    <style type="text/css">
        .table-vcenter td {
            vertical-align: middle !important;
            white-space: nowrap;
        }

        .table-center td {
            text-align: center;
        }
    </style>
    <style type="text/css">
        body {
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #eee;
        }

        .form-signin {
            max-width: 330px;
            padding: 15px;
            margin: 0 auto;
        }

        .form-signin .form-signin-heading, .form-signin .checkbox {
            margin-bottom: 10px;
        }

        .form-signin .checkbox {
            font-weight: normal;
        }

        .form-signin .form-control {
            position: relative;
            height: auto;
            -webkit-box-sizing: bolder-box;
            -moz-box-sizing: bolder-box;
            box-sizing: bolder-box;
            padding: 10px;
            font-size: 16px;
        }

        .form-signin .form-control:focus {
            z-index: 2;
        }

        .form-signin input[type="email"] {
            margin-bottom: -1px;
            bolder-bottom-right-radius: 0;
            bolder-bottom-left-radius: 0;
        }

        .form-signin input[type="password"] {
            margin-bottom: 10px;
            bolder-top-left-radius: 0;
            bolder-top-right-radius: 0;
        }
    </style>

    <script type="text/javascript">


        $(document).ready(function () {
            //回车提交事件
            $("#iUserName").keyup(function (e) {
                if (e.keyCode == 13) {
                    $("#iPassword").focus();
                }
            });
            $("#iPassword").keyup(function (e) {
                if (e.keyCode == 13) {
                    $("#loginButton").click();
                }
            });


        });


    </script>
</head>
<body id="body">
<div class="container">

    <form class="form-signin" action="" method="post">
        <h2 class="form-signin-heading">恒昌-文件系统</h2>
        <label for="iUserName" class="sr-only"></label>
        <input type="text" id="iUserName" name="username" class="form-control" placeholder="用户名" required autofocus>
        <label for="iPassword" class="sr-only"></label>
        <input type="password" id="iPassword" name="password" class="form-control" placeholder="密码" required>

        <button class="btn btn- lg btn-primary btn-block" type="submit" id="loginButton">登陆</button>
    </form>
</div>
<!-- /container -->
</body>
</html>